<template>
	<div class="inden">
			<zoneheader></zoneheader>
			<div class="font-img" v-for="urll in imglist">
				<a>
					<img :src="'http://'+urll" />
				</a>
			</div>
				<winelist :hzdata="hzdata"></winelist>
			<div class="font-img" v-for="url2 in imglist2">
				<a>
					<img :src="'http://'+url2" />
				</a>
			</div>
				
		<ul class="indenList">
			<li  v-for="(value, i) in hzdata">
				<div class="fprice0">
				<a><img :src="'http://img3.wangjiu.com/'+value.image_src+'.png'"/></a>
				</div>
				<p class="Nname">{{value.product_name}}</p>
				<div class="fprice">
					<p class="Nprice">￥{{value.sale_price}}<em>.00</em></p>
				<a class="buyNow" href="#">立即购买</a>
				</div>
				
			</li>
		</ul>
	</div>
</template>

<script>
		import axios from 'axios';
	import Vue from 'vue';
	import store from '../vuex/store'
	import zoneheader from '../components/zoneheader.vue';
	import loadwj from '../components/loadwj.vue';
	import winelist from '../components/winelist.vue';
	import axiosUtil from '../utils/axios.util';
	import  VueResource  from 'vue-resource'
	Vue.use(VueResource) 
	
		export default {
		data() {
			return {
				hzdata: [],
				imglist:[
				'img1.wangjiu.com/png/20170913/default/1505294664440944',
				'img3.wangjiu.com/png/20170913/default/1505289679421543',
				'img3.wangjiu.com/png/20170913/default/1505294702544049',
				'img3.wangjiu.com/png/20170913/default/1505294724140732',
				'img3.wangjiu.com/png/20170913/default/1505290205811982',
				'img3.wangjiu.com/png/20170913/default/1505290258797298',
				'img3.wangjiu.com/png/20170913/default/1505294790447940'
				],
				imglist2:[
					'img3.wangjiu.com/png/20170913/default/1505291721767130',
					'img3.wangjiu.com/png/20170913/default/1505295470045642',
					'img3.wangjiu.com/png/20170913/default/1505295502613739',
					'img3.wangjiu.com/png/20170913/default/1505295523289000',
					'img3.wangjiu.com/png/20170913/default/1505292189873051'
				]
			}
		},
		components:{
			loadwj,
			winelist,
			zoneheader
		},
		 mounted() {
    this.$store.commit('changeHeadname','名庄巡礼 品味经典' )
			//axiosUtil(this, `/vip/hzlist.php`)
     this.$http.jsonp('/apj/api/simple/recommendService/recommendJP?client_sig=wap&format=jsonp&_=1508977182597')
			.then((res)=>{
				const data = res.body.result
				this.hzdata = data
				console.log(res)
			})

  },
  store
		
	}
</script>

<style lang="scss">
	
</style>